//2023 01.14 16:33 星期三 风

/**
 * user : 李巨松
 * purport : 自定义 style 标签 修改 keyframe
 */

/**
 * 根据 给定 keyframe 所有字段 替换 特定style标签 中的 keyframe
 * @param {Object} styleEl
 * @param {String} changedKeyframe
 */
function changeKeyframe(styleEl, changedKeyframe) {
	// console.log(styleEl);
	// console.log(changedKeyframe);
	if (styleEl.nodeName == "STYLE") {


		//keyframe 替換域 -- changeField
		let regKeyframeField = /@keyframes [^{]*? \{(?<changeField>[^]*)\}/

		//正则 执行后的 keyframe 字段 0 匹配字段 1 关键字段
		keyframeField = regKeyframeField.exec(styleEl.innerHTML)
		// console.log(keyframeField);
		// console.log(keyframeField.groups["changeField"]);

		//替换
		styleEl.innerHTML = styleEl.innerHTML.replace(keyframeField.groups["changeField"], changedKeyframe)
	}
}



//---------------- test ----------------

let styleElement = document.getElementById("static_bos")

changeKeyframe(styleElement,
	"\n\t\t\t\tfrom{\n\t\t\t\t\ttransform: translate(-50%, calc(-50% - 60px));\n\t\t\t\t\tbackground-color: bisque;\n\t\t\t\t}\n\t\t\t\tto{\n\t\t\t\t\tbackground-color: aquamarine;\n\t\t\t\t}\n\t\t\t"
)

styleElement = document.getElementById("static_bos")
console.log(styleElement);


//---------------- tools ----------------